<template>
  <div class="ft">
    <div class="h50"></div>
		<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default footer "  id="">
      <ul class="am-navbar-nav am-cf am-avg-sm-4">
          <li v-for="(item) of navList" :key="item.id">       
            <router-link :to="item.href">
               <span class="">
                <img v-bind:src="item.src"/>
              </span>
              <span class="am-navbar-label">{{item.title}}</span>
            </router-link>
          </li>
      </ul>
		</div>
  </div>
</template>
<script>
  export default {
    name:'ft',
    data(){
      return {
        navList:[
          {title:'点餐',href:'/index',src:"/src/assets/images/nav.png"},
          {title:'客说',href:'/speak',src:"/src/assets/images/nav2.png"},
          {title:'我们',href:'/we',src:"/src/assets/images/nav3.png"},
          {title:'我的',href:'/member',src:"/src/assets/images/nav4.png"}
        ]
      }
    }
  }
</script>